const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  // 这里是插件自动帮助我们添加的配置项
  // 把你要配置的自动导入的样式文件地址写过来 这个地方不可以使用@别名路径
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        // 启动项目的时候 npm run serve vue-cli会自动读取这个文件
        // 并且把它自动导入到每一个.vue文件的style区域 帮你写了一个import语法

        // path是一个nodejs内置的模块 专门做路径处理
        // path.join 做路径拼接的 __dirname 当前项目根目录
        // 项目根目录 + 后面的less文件地址 = 完整的地址
        path.join(__dirname, './src/styles/var.less')
      ]
    }
  },
  devServer: {
    allowedHosts: ['www.corho.com']
  }
})
